<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Untitled Document</title>
	<link href="stylesheet/style.css" rel="stylesheet" />
	<link href="css/bootstrap.css" rel="stylesheet" />
	<link href="css/bootstrap.min.css" rel="stylesheet" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="css/bootstrap-responsive.css" rel="stylesheet">
    
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script src="js/droplinemenu.js" type="text/javascript"></script>
        <script type="text/javascript">
        
        //build menu with DIV ID="myslidemenu" on page:
        droplinemenu.buildmenu("menu")
        
        </script>
    <script src="sliderengine/jquery.js"></script>
    <script src="sliderengine/amazingslider.js"></script>
    <script src="sliderengine/initslider-1.js"></script>
	<link href="css/tab.css" rel="stylesheet" />
	<script>
	$(document).ready(function() {
		$("#content div.terkini").hide(); // Initially hide all content
		$("#tabs li:first").attr("id","current"); // Activate first tab
		$("#content div:first").fadeIn(); // Show first tab content
		
		$('#tabs a').click(function(e) {
			e.preventDefault();        
			$("#content div.terkini").hide(); //Hide all content
			$("#tabs li").attr("id",""); //Reset id's
			$(this).parent().attr("id","current"); // Activate this
			$('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
		});
	})();
	</script>
	<style>
	.amazingslider-nav-0 {
		/*background-color:#660000;*/ 
		padding-bottom:8px; 
		background: -moz-linear-gradient(center top, #660000 0%,#F00 50%,#660000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #660000),color-stop(0.5, #F00),color-stop(1, #660000));",
	}
	</style>

</head>

<body>
	<div id="header">
		<div class="searchb">
		
			<form method="get" action="/search" class="searchbb">
			 <a class="ss">search&nbsp;&nbsp;</a> <input name="q" type="text" size="40" />
			</form>
		</div>
		
	</div>
	<div class="head">
		<div class="headc">
			<table width="100%" border="0" align="center">
            <tr>
              <td width="40%"><img src="images/logo.png" width="300px" /></td>
              <td width="60%" style="padding-left:150px;"><img src="images/topad.png" width="515px"/></td>
            </tr>
          </table>
		</div>
	</div>
	<div id="kontainer">
		<div id="kontainer2">
		<div class="wrapper"> 	
			<div id="menu" class="navi">
                         <ul>
                                <?php include 'menu2.php'; ?>
                            </ul>
                        </div>
			<div class="subnavholder">
			&nbsp;
			</div>
			<div class="content">
				<div class="konten">
					<table width="1000px" cellpadding="10px" cellspacing="20px">
						<tr>
						
							<td width="720px">
								<div style="width:720px;">
									<table cellspacing="10px">
										<tr>
										<td valign="top">
										<div style="width:410px;">
											<div class="newsslide">
												<div style="margin:1px auto;max-width:400px;">      
													<!-- Insert to your webpage where you want to display the slider -->
													<div id="amazingslider-1" style="display:block;position:relative;margin:1px auto 98px;">
														<ul class="amazingslider-slides" style="display:none;">
															<li><img src="images/images-slide/jokowi 1.jpg" alt="jokowi 1"/></li>
															<li><img src="images/images-slide/jokowi 2.jpg" alt="jokowi 2"/></li>
														</ul>
														<ul class="amazingslider-thumbnails" style="display:none;">
															<li><img src="images/images-slide/jokowi 1-tn.jpg" /></li>
															<li><img src="images/images-slide/jokowi 2-tn.jpg" /></li>
														</ul>
														<div class="amazingslider-engine" style="display:none;"><a href="">JavaScript Slideshow</a></div>
													</div>
													<!-- End of body section HTML codes -->
												</div>
											</div>
										</div>
										</td>
										<td valign="top" style="padding-left:15px;">
										<div style="width:280px;">
											<table width="100%" border="0" cellpadding="5px" cellspacing="10px">
											  <tr>
												<td>
													<div style="width:108px; float:left;">
														<img class="thumb" src="images/newsthumb.png">
													</div>
													<div style="width:155px; float:left; max-height:102px;">
														<a href="#" class="title"><b>Title News</b></a><br><br>
														<a class="newsdate">26 Juli 2013</a><br>
														<a class="summary"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet est congue, fringilla sapien varius, congue nisl.<p></a>
													</div>
												</td>
											  </tr>
											  <tr>
												<td>
													<div style="width:108px; float:left;">
														<img class="thumb" src="images/pic2.png">
													</div>
													<div style="width:155px; float:left; max-height:102px;">
														<a href="#" class="title"><b>Title News</b></a><br><br>
														<a class="newsdate">26 Juli 2013</a><br>
														<a class="summary"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet est congue, fringilla sapien varius, congue nisl.<p></a>
													</div>
												</td>
											  </tr>
											  <tr>
												<td>
													<div style="width:108px; float:left;">
														<img class="thumb" src="images/pic3.png">
													</div>
													<div style="width:155px; float:left; max-height:102px;">
														<a href="#" class="title"><b>Title News</b></a><br><br>
														<a class="newsdate">26 Juli 2013</a><br>
														<a class="summary"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet est congue, fringilla sapien varius, congue nisl.<p></a>
													</div>
												</td>
											  </tr>
											  <tr>
												<td>
													<div style="width:108px; float:left;">
														<img class="thumb" src="images/pic4.png">
													</div>
													<div style="width:155px; float:left; max-height:102px;">
														<a href="#" class="title"><b>Title News</b></a><br><br>
														<a class="newsdate">26 Juli 2013</a><br>
														<a class="summary"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet est congue, fringilla sapien varius, congue nisl.<p></a>
													</div>
												</td>
											  </tr>
											</table>
										</div>
										</td>
										</tr>
									</table>
									<table width="720px" border="0" cellpadding="5" cellspacing="5">	
										<tr>
										<td width="350px">
											<table>
											<tr><td>
												<ul id="tabs">
												  <li id="tabterkini"><a href="" title="tab1"></a></li>
												  <li><a href="" title="tab2"><div class="tabterpopuler"></div></a></li>
												</ul> 
											
												<div id="content">
													<div id="tab1"class="terkini">
														<ul>
															<?php include ("terkini.php"); ?>
														</ul>
													</div>
													<div id="tab2" class="terkini">
														<ul>
															<?php include ("terpopuler.php"); ?>
														</ul>
													</div>
												</div>
											</td></tr>
											</table>
										</td>
										<td width="370px">
											<div class="adspotmiddle">
												<img src="images/iklanhp.jpg"  width="350px auto"/>
											</div>
										</td>
										</tr>
									</table>
									<hr>
									<div class="groupberita">
								<table width="720px" border="0" cellspacing="5" cellpadding="5">
								  <tr>
									<td>
										<div class="section">
											<div class="tekno">Tekno</div>
											<img src="images/groupberita.png" />
											<div class="newstitle">Apple Dibela Obama, Pemerintah Korea Angkat Bicara</div>
											<div class="othernews">
												<ul>
													<li>Galaxy Note III dan Samsung Gear Dirilis Bersamaan</li>
													<li>Samsung Sebar Undangan Galaxy Note III	
												</ul>
											</div>
										</div>
									</td>
									<td>
										<div class="section">
											<div class="tekno">Tekno</div>
											<img src="images/groupberita.png" />
											<div class="newstitle">Apple Dibela Obama, Pemerintah Korea Angkat Bicara</div>
											<div class="othernews">
												<ul>
													<li>Galaxy Note III dan Samsung Gear Dirilis Bersamaan</li>
													<li>Samsung Sebar Undangan Galaxy Note III	
												</ul>
											</div>
										</div>
									</td>
									<td>
										<div class="section">
											<div class="tekno">Tekno</div>
											<img src="images/testgrpberita.png" />
											<div class="newstitle">Apple Dibela Obama, Pemerintah Korea Angkat Bicara</div>
											<div class="othernews">
												<ul>
													<li>Galaxy Note III dan Samsung Gear Dirilis Bersamaan</li>
													<li>Samsung Sebar Undangan Galaxy Note III	
												</ul>
											</div>
										</div>
									</td>
									</tr>
									<tr>
									<td>
										<div class="section">
											<div class="tekno">Tekno</div>
											<img src="images/groupberita.png" />
											<div class="newstitle">Apple Dibela Obama, Pemerintah Korea Angkat Bicara</div>
											<div class="othernews">
												<ul>
													<li>Galaxy Note III dan Samsung Gear Dirilis Bersamaan</li>
													<li>Samsung Sebar Undangan Galaxy Note III	
												</ul>
											</div>
										</div>
									</td>
									<td>
										<div class="section">
											<div class="tekno">Tekno</div>
											<img src="images/testgrpberita2.png" />
											<div class="newstitle">Apple Dibela Obama, Pemerintah Korea Angkat Bicara</div>
											<div class="othernews">
												<ul>
													<li>Galaxy Note III dan Samsung Gear Dirilis Bersamaan</li>
													<li>Samsung Sebar Undangan Galaxy Note III	
												</ul>
											</div>
										</div>
									</td>
									<td>
										<div class="section">
											<div class="tekno">Tekno</div>
											<img src="images/groupberita.png" />
											<div class="newstitle">Apple Dibela Obama, Pemerintah Korea Angkat Bicara</div>
											<div class="othernews">
												<ul>
													<li>Galaxy Note III dan Samsung Gear Dirilis Bersamaan</li>
													<li>Samsung Sebar Undangan Galaxy Note III	
												</ul>
											</div>
										</div>
									</td>
								  </tr>
								</table>
							</div>
							  	</div>
							<!--<div class="span3" style="margin-left:10px; border-left:2px dotted #999999; padding-left:5px;">-->
							</td>
						<?php include 'rightpanel.php';?>
						</tr>
					</table>
      
						
					</div>
                    
					<hr>
					<table width="100%" border="0" cellspacing="10" cellpadding="10">
					  <tr>
						<td><img src="images/ad1.png" width="100%"></td>
						<td><img src="images/ad1.png" width="100%"></td>
						<td><img src="images/ad1.png" width="100%"></td>
					  </tr>
					</table>

					<div style="min-height:100px;">
						&nbsp;
					</div>
					<div class="bottomnav">
					TOP NEWS NASIONAL INTERNASIONAL EKONOMI OLAHRAGA HIBURAN TEKNOLOGI WARTA BUMI ARTIKEL FOTO TV OTOMOTIF FORUM PEMBACA RILIS PERS <br>KETENTUAN PENGGUNAAN TENTANG KAMI JARINGAN PEDOMAN TWITTER FACEBOOK PEDOMAN RSS
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div id="footer">
	&copy; 2012 - 2013 BACA BERITA.COM, ALL RIGHTS RESERVED
	</div>
</body>
</html>
